.BetterCropNavButtons {
    position: relative;
    width: 100%;
    height: 100%;
}

    .BetterCropNavButtons button {
        position: absolute;
        width: 35px;
        height: 35px;
        border: none;
        background: none;
        background-color: none;
        transition: 0.2s ease-in-out;
    }

        .BetterCropNavButtons button:hover {
            background-color: #3b3b3b70;
        }

    .BetterCropNavButtons > .Left {
        top: 0;
        left: 0;
        height: 100%;
    }

    .BetterCropNavButtons > .Right {
        bottom: 0;
        right: 0;
        height: 100%;
    }

    .BetterCropNavButtons > .Up {
        top: 0;
        left: 0;
        width: 100%;
    }

    .BetterCropNavButtons > .Down {
        left: 0;
        bottom: 0;
        width: 100%;
    }


.BetterCropZoomButtons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    height: 40px;
    min-width: 190px;
}

.BetterCropZoomButtons > button {
    border-radius: 0px;
    color: rgb(0,0,0);
    font-size: 12px;
    font-weight: bold;
    height:100%;
    width:25%;
}

.BetterCropZoomButtons > .Minus {
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: none;
    padding-left:5%;
}

    .BetterCropZoomButtons > .Text {
        width:50%;
        margin-top: 0;
        background: rgb(255,255,255);
        border-top: 1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
        border-left: none;
        border-right: none;
    }

.BetterCropZoomButtons > .Plus {
    border-right: 1px solid #D6D6D6;
    border-left: none;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    padding-right:5%;
}